/**app.wxss**/
@import "./static/iconfont/iconfont.wxss";
@import "./static/style/global.scss";

.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
}

//全局去除滚动条
::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  color: transparent;
}

page {
  // 全局样式变量
  --bgc-color: #39BCF9;
  --bgc-color-F0F0F0: #F0F0F0
}

.one-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word;
  word-break: break-all;
}

.two-ellipsis {
  display: -webkit-box; //将对象作为弹性伸缩盒子模型显示
  -webkit-box-orient: vertical; //从上到下垂直排列子元素(设置伸缩盒子的子元素的排列方式)
  text-overflow: ellipsis; //溢出用省略号显示
  overflow: hidden; //超出的文本隐藏
  -webkit-line-clamp: 2; //表明7行文本显示省略号,这里要根据自身需求进行设置
}

.num-circle {
  width: auto;
  padding: 0 10rpx;
  height: 32rpx;
  text-align: center;
  line-height: 30rpx;
  border-radius: 16rpx;
  background-color: red;
  font-size: 24rpx;
  color: #FFFFFF;
}

.display_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.flex_row {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.flex_column {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.j_c {
  justify-content: center;
}